import React from 'react';
import { Row,Form } from 'antd';
import { Foot } from './components/food'
import { Play } from './components/play'
import { Service } from './components/service'
import { Commodity } from './components/commodity'
import { Search } from './components/search';


export const Consumption = (props) => {
return (
 <>
   <h1 id='channel'>收入项目管理</h1>
   <Form layout="horizontal">
      <Row gutter={[16, 16]}>
          {/* 餐饮 */}
         <Foot></Foot>

         {/* 娱乐 */}
         <Play></Play>

         {/* 服务 */}   
         <Service></Service>

         {/* 商品 */}   
         <Commodity></Commodity>

        {/* 搜索消费项目 */}
         <Search></Search>
   </Row>
     </Form>

 </>
);
}
